/**
 * This css file creates some basic form-styling rules that make
 * it a bit easier to display form elements and stuff.
 */

form label.required {
	
}
	form label.required:after {
		content: "*";
	}

/**
 * Temporary Form Styles
 * I do not plan on using tables for displaying tables, but for now, since I am
 * still not sure what I'm going to do for form styles, 
 */
form input[type=text],
form input[type=password],
form textarea {
	border: 1px inset #0F237F;
	padding: 3px;
	color: #222;
}
form input[type=text]:focus,
form input[type=password]:focus,
form textarea:focus {
	border: 1px inset #333;
	color: #0F237F;
	background-color: #FFF6CF;
}

/**
 * Fieldset
 */
fieldset {
	border-top: 1px solid #999;
	padding: 1em;
	margin: 1em 0;
}
	fieldset legend {
		font-weight: bold;
		padding: 0 5px;
	}

/**
 * Form fields
 */
ul.form {
	width: 60%;
}
	ul.form li.row {
		margin: .35em 0;
		padding: 6px;
		clear: both;
		display: block;
	}
		ul.form li.row .clear {
			clear: both;
		}
	ul.form li.error {
		background-color: #FFAFAF;
		color: #900;
	}
	ul.form li.left {
		float: left;
		clear: none;
		width: 45%;
	}
		ul.form li.left input {
			width: 95%;
		}
	ul.form li.right {
		float: right;
		clear: none;
		width: 45%;
	}
		ul.form li.right input {
			width: 95%;
		}
	
		ul.form li.row input {
			
		}
		ul.form li.row label {
			display: block;
			padding: 2px 0;
		}
		ul.form li.row span {
			float: left;
			margin-right: 5px;
		}
		ul.form li.row span input {
			width: 95%;
		}
		ul.form li.row span label {
			clear: both;
			font-size: .85em;
			padding: .25em 0;
		}

	ul.form li.row .full {
		float: none ;
		clear: both;
	}
		ul.form li.row .full input {
			width: 98%;
		}
	
	
	
	
	
	
	